<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置</title>
    <style>
        body{
            color:#7f7f7f;
        }
        section{
            border:1px dashed #4cae4c;
            border-radius:15px;
            width: 80%;
            height:50px;
            margin:15px auto;
            padding:15px;
        }
    </style>
</head>
<body>

    <section>
        <label>每次记录插入条数:</label>
        <input type="number"><br><br>
    </section>
    <section id="field_type_map" class="auto_fit">
        <label>字段与类型预设</label>
        <table>
            <th>字段(列号)</th>
            <th>数据类型</th>
            <tr>
                <td>a</td>
                <td>日期型</td>
            </tr>
            <tr>
                <td>b</td>
                <td>数值型</td>
            </tr>
            <tr>
                <td>c</td>
                <td>文本型</td>
            </tr>
            <tr>
                <td>d</td>
                <td>布尔类型</td>
            </tr>
        </table>
    </section>

</body>
<script src="jquery-3.1.0.min.js"></script>
<script>
    // 高度自适应
    $.each($(".auto_fit"),function(index,node){
        console.log(node);
    });
</script>
</html>